<template>
  <div class="check_in_record_part">
    <TabChange v-model="current" :list="ditData"></TabChange>
    <div style="align-self:flex-start;width:100%">
      <RuYuan v-if="current==0" :idCard="nowRowData.idCard"></RuYuan>
      <Pay v-if="current==1" :idCard="nowRowData.idCard"></Pay>
      <Clock v-if="current==2" :idCard="nowRowData.idCard"></Clock>
      <CheckOut v-if="current==3" :idCard="nowRowData.idCard"></CheckOut>
      <Nurse v-if="current==4" :idCard="nowRowData.idCard"></Nurse>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted} from 'vue'
import TabChange from '@/views/aplid/TabChange/index.vue'
import RuYuan from './ruYuan/index.vue'
import Pay from './pay/index.vue'
import Clock from './clock/index.vue'
import CheckOut from './checkOut/index.vue'
import Nurse from './nurse/index.vue'

let props = defineProps({
  nowRowData:{
    type:Object,
    default:()=>({})
  }
})
let current = ref(0)
let ditData = ref([
  {label:'入院记录',value:'0'},
  {label:'缴费记录',value:'1'},
  {label:'退院记录',value:'2'},
  {label:'打卡记录',value:'3'},
  {label:'护理记录',value:'4'},
])

</script>
<style scoped lang="scss">
.check_in_record_part{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  margin-top:20px;
}
</style>